<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>意见反馈</title>
    <meta charset="utf-8" />
    <link href="../css/main.css?rev=@@hash" rel="stylesheet" />

    <style type="text/css">
        body{
            background: #1eb97e;
        }
        .feed_con{
		    height: 2.6rem;
		    background: #fff;
		    margin: .1rem .16rem;
		    border-radius: .1rem;
        }
        .feed_tit{
			font-size: .15rem;
		    color: #52c99b;
		    padding: .15rem 0 .1rem;
		    text-align: center;
        }
        .feed_tit img,
        .feed_image img{
        	display: block;
        	height: .24rem;
        	margin: 0 auto;
        }
        .feed_tit1{
            padding: 0 0 .13rem 0;
        }
        .feed_text{
			height: 1.75rem;
		    line-height: .35rem;
		    display: block;
		    width: 85%;
		    margin: 0 .16rem;
		    font-size: 0.14rem;
		    background: #F2F5F5;
		    text-indent: .2rem;
		    padding: 0 .1rem;
	        border: .01rem solid #CEDEDD;
        }
        .feed_text::placeholder{
        	color: #598F8F;
        }
        .uploadContent{
			width: 92%;
		    height: 1.76rem;
		    background: #fff;
		    margin: 0 auto;
		    border-radius: .1rem;     
		    position: relative;   	
        }
        .uploadContent::before{
        	content:"";
        	width: .06rem;
        	height: .34rem;
        	background: url(../img/feedback3.png) no-repeat center;
        	background-size:100% ;
        	position: absolute;
        	left: .27rem;
        	top: -.22rem;
        }
        .uploadContent::after{
        	content:"";
        	width: .06rem;
        	height: .34rem;
        	background: url(../img/feedback3.png) no-repeat center;
        	background-size:100% ;
        	position: absolute;
        	right: .27rem;
        	top: -.22rem;
        }        
        .feed_image{
            padding:.13rem .16rem 0;
        }
        .feed_image_item{
		    width: .3rem!important;
		    height: .3rem!important;
		    margin: .3rem auto!important;
        }
        .login_out{
		    width: 90%;
		    height: .45rem;
		    line-height: .45rem;
		    margin: .5rem auto 0;
		    background-color: #FEE580;
		    font-size: .15rem;
		    text-align: center;
		    color: #1EB97E;
		    box-shadow: 0 0.05rem 0.05rem #359069;
		    border-radius: .25rem;
        }
        .photo_wap {
            float: left;
            box-sizing: border-box;
            position: relative;
            height: 0.9rem;
            width: 0.9rem;
            border-radius: .04rem;
            margin-right: .18rem;
        }
        .photo_wap:nth-child(3){
        	margin-right: 0;
        }
        .uploadTips{
            font-size: .12rem;
		    color: #939B98;	
        }
        .photo {
		    position: relative;
		    border-radius: .05rem;
		    width: 0.9rem;
		    height: 0.9rem;
		    background: #f7f7f7;
		    overflow: hidden;
		    border: .01rem dashed #dcdcdc;
        }

        .photo .photo_img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .photo .photo_upload {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, .2);
            z-index: 3;
        }

        .photo .photo_upload .photo_upload_progress {
            position: absolute;
            width: 80%;
            height: auto;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            text-align: center;
        }

        .photo .photo_upload .photo_upload_cancel {
            position: absolute;
            top: .03rem;
            right: .03rem;
            width: .15rem;
            height: .15rem;
            text-align: center;
            background: url(../images/feed_del.png) no-repeat;
            background-size: 100% 100%;

        }

        .photo .photo_upload_bar {
            width: 100%;
            height: 2px;
            border-radius: 1px;
        }

        .photo .photo_upload_bar > i {
            display: block;
            width: 0;
            height: 100%;
            background: #ff6a00;
            -webkit-transition: width .6s 0s ease-out;
            transition: width .6s 0s ease-out;
        }

        .photo .photo_upload_txt {
            padding-top: .08rem;
            font-size: .08rem;
            color: #fff;
        }
    </style>
</head>
<body>
    <div class="layer_load">
      <div class="layer_mask"></div>
      <div class="layer_load_icon iconfont icon-loading"></div>
    </div>

    <div class="view">
        <div class="feed_con">
            <div class="feed_tit"><img src="../img/feedback1.png" />意见</div>
            <textarea class="feed_text" id="feedText" autofocus required="" placeholder="限100字以内" maxlength="100"></textarea>
        </div>
        <div class="uploadContent">
	        <div class="feed_image">
	            <div class="feed_tit feed_tit1"><img src="../img/feedback2.png" />上传图片<span class="uploadTips">（限3张）</span></div>
	            <div class="photos">
	              <div class="photo_wap">
	                  <div class="photo btn_add_photo" id="btnAddPhoto">
	                    <img class="feed_image_item" src="../img/add.png">
	                </div>
	                <input type="file" accept="image/*" class="upload" id="flContractPhoto" data-name="Contract" />
	            </div>
	        </div>
        </div>
    </div>

    <div class="login_out" id="feedSubBtn">提交</div>


    <!-- 脚本 -->
    <script src="../lib/zepto.min.js?rev=@@hash"></script>
    <script src="../js/main.js?rev=@@hash"></script>
    <script src="../js/upload.js?rev=@@hash"></script>
    <script src="../js/help/feedback.js?rev=@@hash"></script>
</body>
</html>
